<template>
  <div class="orderDetails">
    <com-Title :formList="info.formList" :color="info.color" :styleIng="{ margin: '10px 0px 10px 10px' }">
      <span slot="title">{{ info.title }}</span>
    </com-Title>
    <com-Title :isShow="false" :color="shop.color" :styleIng="{ margin: '10px 0px 10px 10px' }">
      <span slot="title">{{ shop.title }}</span>
      <tables slot="table" :Tabdata="Tabdata" style="margin: 10px 0px 10px 10px" />
    </com-Title>
    <com-Title :formList="discount.formList" :color="info.color" :styleIng="{ margin: '10px 0px 10px 10px' }">
      <span slot="title">{{ discount.title }}</span>
    </com-Title>
    <com-Title :formList="collection.formList" :color="info.color" :styleIng="{ margin: '10px 0px 10px 10px' }">
      <span slot="title">{{ collection.title }}</span>
    </com-Title>
  </div>
</template>

<script src='./orderDetails.js'></script>

<style>
</style>
